<div class="G1">
<input type="button" value="切换" (click)="onToggle()">
<input type="number" [value]="tell" (input)="onInput($event)">
<p *ngIf="tell>0 && tell<=1">{{menu1}}</p>
<p *ngIf="tell>1 && tell<=2">{{menu2}}</p>
<p *ngIf="tell>2 && tell<=3 ">{{menu3}}</p>
<p *ngIf="tell>3 && tell<=4">{{menu4}}</p>
<p *ngIf="tell>4"> </p>

<div [ngSwitch]="grade()">
  <p *ngSwitchCase="1"></p>
  <p *ngSwitchCase="2"></p>
  <p *ngSwitchCase="3"></p>
  <p *ngSwitchCase="4"></p>
  <p *ngSwitchDefault> </p>
</div>




  <div *ngIf="shouldShow">导航菜单
   
      <div class="G2" *ngFor='let menu of menu1' >
        
        <a class="btn1 btn-primary" href="#" (click)="toggleBorder()">{{menu1}}</a>
      </div>
      <br>
      <div class="G3" *ngFor='let menu of menu2' >
        <a class="btn2 btn-primary" href="#" (click)="toggleBorder()">{{menu2}}</a>
        
      </div>
      <br>
      <div class="G4"  *ngFor='let menu of menu3' >
        <a class="btn3 btn-primary" href="#" (click)="toggleBorder()">{{menu3}}</a>
       
      </div>
      <br>
      <div class="G5" *ngFor='let menu of menu4' >
        <a class="btn btn-primary" href="#" (click)="toggleBorder()">{{menu4}}</a>
        
      </div>

  </div>
  
</div>
